// 项目的入口、从这里开始

// react 必要的核心包、React依赖提供了react核心语法、ReactDOM 用于操作DOM
import React from "react";
import ReactDOM from "react-dom/client";
// 导入项目的根组件
import App from "./App";

// 导入 Redux 状态管理依赖及挂载组件
import store from "./store";
import { Provider } from "react-redux";

// 导入路由对象及挂载组件
import router from "./router";
import { RouterProvider } from "react-router-dom";

// 把App根组件渲染到id为root的dom节点上
const root = ReactDOM.createRoot(document.getElementById("root"));

/**
 * Redux的使用第三步：通过 Provider内置组件将创建好的store注入到App中
 */
root.render(
  <Provider store={store}>
    <RouterProvider router={router}>
      <App />
    </RouterProvider>
  </Provider>

);
